<script setup>
// 已移除所有组件导入，当前无任何组件引用
</script>

<template>
  <div class="app-root">
    <!-- Vue logo 保留作为基础标识 -->
    <img
        alt="Vue 框架标识"
        class="vue-logo"
        src="./assets/logo.svg"
        width="100"
        height="100"
    />

    <!-- 基础页面信息 -->
    <div class="app-info">
      <h1>Vue 应用已初始化</h1>
      <p>所有组件已移除，可在此基础上开始构建</p>
    </div>
  </div>
</template>

<style scoped>
.app-root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f8fafc;
  padding: 2rem;
  box-sizing: border-box;
}

.vue-logo {
  margin-bottom: 2rem;
  transition: transform 0.3s ease;
}

.vue-logo:hover {
  transform: scale(1.05);
}

.app-info {
  text-align: center;
  color: #1e293b;
}

h1 {
  font-size: 2rem;
  margin: 0 0 1rem 0;
}

p {
  font-size: 1.1rem;
  color: #64748b;
  max-width: 600px;
  margin: 0;
}
</style>
